<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="/jquery/jquery-3.1.0.js"></script>
<script type="text/javascript" src="/jquery/myjs.js"></script>
<script type="text/javascript" src="/jquery/jquery-1.12.4.js"></script>
<script type="text/javascript" src="/jquery/jquery-ui.js"></script> 
<link type="text/css" rel="stylesheet" href="${base}/css/manage.css" />
 <link rel="stylesheet"
	href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<style type="text/css">
@font-face {
	font-family: "myfont1";
	src: url("/font/海派腔调艺术粗黑简1.0.ttf");
}

@font-face {
	font-family: "myfont2";
	src: url("/font/丛台-肖进生丛台体.ttf");
}

@font-face {
	font-family: "myfont3";
	src: url("/font/翩翩连笔书.ttf");
}

@font-face {
	font-family: "myfont4";
	src: url("/font/锐字工房云字库胖头鱼GBK.ttf");
}
</style>
</head>
<body style="background-color: #00ced1;">
	<div id="mainDiv">
		<div id="FristDiv">
			<div style="float: left; margin-left: 20px;">xxx后台管理系统</div>
			<div style="float: right;">
				<span class="exit" style="cursor: pointer;"> [退出] &nbsp;</span>${user.name}
				&nbsp;
			</div>
			<div class="exitDiv">
				<div style="font-size: 22px; height: 50px; line-height: 50px;">&nbsp;是否退出？</div>
				<div style="margin-left: 150px;">
					<button class="eixtDiv_bt" onclick="jumpLogin()">确&nbsp;定</button>
					<button class="eixtDiv_bt" onclick="returnSystem();">取&nbsp;消</button>
				</div>
			</div>
		</div>
		<div id="contentDiv">
			<div class="column">
				<div
					style="height: 100px; line-height: 100px; background-color: white; width: 100px; margin-top: 20px; margin-left: 40px; text-align: center;">头像</div>
				<div class="column_ul">
					<ul>
						<li id="Person">个人信息</li>
						<li id="CompanyUser">员工管理</li>
						<li id="CustomerUser">用户管理</li>
						<li id="Product">产品管理</li>
						<li id="Department">部门管理</li>
						<li id="Position">职位管理</li>
					</ul>
				</div>
			</div>
			<div id="PersonDiv" class="manageDiv">
				<div
					style="margin-left: 10px; margin-top: 5px; color: #696969; height: 40px; line-height: 40px;">
					个人资料:
					<div class="person_up">
						<img alt="" src="/photo/timg (1).jpg"
							style="width: 30px; geight: 30px;">
						<div style="margin-top: -30px; margin-left: 30px; width: 100px;">(编辑)</div>
					</div>
				</div>
				<div class="PersonDiv_1">
					<div
						style="height: 30px; line-height: 30px; background-color: #00ced1; font-family: myfont4;">基本信息：</div>
					<ul>
						<li style="text-align: center;color: #696969;width: 500px;float: left;list-style-type: none;height:40px;margin-top: 15px;margin-left: 50px;font-size: 25px;color: rgb(102, 102, 102);font-family: myfont2;border-width: 5px;">用户名:${user.name}</li>
						<li>账号:${user.accountNumber}</li>
						<li>密码:${user.password}</li>
						<li>ID:${user.id}</li>
						<li>性别:${user.sex}</li>
						<li>工资:${user.salary}</li>
						<li>身份证号码:${user.idNumber}</li>
						<li>年龄:${user.age}</li>
						<li>出生日期:${user.birthdate}</li>
						<li>家庭住址:${user.address}</li>
						<li>联系电话:${user.phonenumber}</li>
						<li>所属部门:${user.department}</li>
						<li>职位:${user.position}</li>
					</ul>
				</div>
				<div class="changePerson">
					<div
						style="text-align: center; height: 30px; background-color: #c0c0c0; line-height: 30px; font-family: myfont4; letter-spacing: 8px;">
						编辑信息
						<button style="float: right; font-size: 5px;"
							onclick="changPerson_close()">x</button>
					</div>
					<form action="/system/manage" style="text-align: center" method="post">
						<p>
							账号：<input type="text" placeholder="选填"
								value="${user.accountNumber}" name="Per_acc" readonly>
						</p>
						<p>
							密码：<input type="text" placeholder="(选填)" value="${Per_pass}"
								name="Per_pass">
						</p>
						<p>
							性别：<input type="text" placeholder="(选填)" value="${Per_sex}"
								name="Per_sex">
						</p>
						<p>
							身份证号码：<input type="text" placeholder="(选填)" value="${Per_idnum}"
								name="Per_idnum">
						</p>
						<p>
							年龄：<input type="text" placeholder="(选填)" value="${Per_age}"
								name="Per_age">
						</p>
						<p>
							出生日期：<input type="text" placeholder="(选填)" value="${Per_birth}"
								name="Per_birth">
						</p>
						<p>
							家庭住址：<input type="text" placeholder="(选填)" value="${Per_addre}"
								name="Per_addre">
						</p>
						<p>
							联系电话：<input type="text" placeholder="(选填)" value="${Per_pho}"
								name="Per_pho">
						</p>
						<input type="submit" value="添加" style="margin-top: 10px;">
						<input type="submit" value="清空" style="margin-top: 10px;">
					</form>
				</div>
			</div>
			<div id="CompanyUserDiv" class="manageDiv">
				<div style="margin-left: 10px; margin-top: 5px; color: #696969">员工管理:</div>
				<div class="manageDiv_1">
					<div style="float: left;">
						<input type="text" placeholder="输入账号(搜索)" class="input"
							id="selectForaccount"><input type="text"
							placeholder="输入姓名(搜索)" class="input" id="selectForname">&nbsp;<select
							class="select2" id="selectFordepartment">
							<option value="department0" style="margin-left:2px;">选择部门</option>
							<c:forEach items="${department}" var="department">
								<option value="${department.name}">${department.name}</option>
							</c:forEach>
						</select> <select class="select2" id="selectForposition" style="margin-left:2px;">
							<option value="position0">选择职位</option>
							<c:forEach items="${position}" var="position">
								<option value="${position.name}">${position.name}</option>
							</c:forEach>
						</select>
						<button style="margin-left: 20px;margin-top:3px;" onclick="selectfristpage();">查找</button>
					</div>
					<button style="float: left; margin-left: 30px; margin-top: 15px;"
						onclick="addCompanyUser();">添加员工</button>
					<button style="float: left; margin-left: 30px; margin-top: 15px;"
						onclick="fristpage()">查看所有员工</button>
				</div>
				<div class="manageDiv_2">
					<div style="height: 40px; width: 1200px;">
						<span class="span" style="width: 55px;" id="span_check">选择</span>
						<span class="span" style="width: 150px;">账号</span> <span
							class="span" style="width: 125px;">姓名</span> <span class="span"
							style="width: 60px;">年龄</span> <span class="span"
							style="width: 60px;">性别</span> <span class="span"
							style="width: 80px;">工资</span> <span class="span"
							style="width: 190px;">联系电话</span> <span class="span"
							style="width: 220px;">家庭住址</span> <span class="span"
							style="width: 90px;">部门</span> <span class="span"
							style="width: 90px;">职位</span> <span class="span"
							style="width: 80px;">操作</span>
					</div>
					<div id="tablediv">
						<table border='1' cellpadding='0' cellspacing='0' class='table'></table>
						<div
							style="font-size: 10px; float: right; display: none; margin-top: 10px; margin-right: 5px;"
							id="jumpdiv">
							第<input type="text" id="secondtext"
								style="width: 25px; border: 0px; background-color: white; text-align: center">页
							输入页数：<input type="text" id="fristtext"
								style="width: 50px; text-align: center;" />
							<button onclick="jumppages()">跳转</button>
							共有 <input type="text" id="totalpage"
								style="width: 25px; border: 0px; background-color: white; text-align: center" />页
							<button onclick="nextpages()">下一页</button>
							<button onclick="lastpages()">上一页</button>
						</div>
					</div>
				</div>
				<div class="update_Person">
					<div
						style="text-align: center; height: 30px; background-color: #c0c0c0; line-height: 30px; font-family: myfont4; letter-spacing: 8px;">
						修改员工信息
						<button style="float: right; font-size: 5px;"
							onclick="return_update()">x</button>
					</div>
					<div style="text-align: center" >
						<p>
							账号：<input type="text" id="update_acc" name="update_acc" readonly>
						</p>
						<p>
							密码：<input type="text" placeholder="(选填)" id="update_pass" name="update_pass">
						</p>
						<p>
							姓名：<input type="text" placeholder="(选填)" id="update_name">
						</p>
						<p>
							工资：<input type="text" placeholder="(选填)" id="update_salary">
						</p>
						<p>
							职位：<select name="addComUserPo" class="select2"
								id="update_position">
								<option value="position0">选择职位</option>
								<c:forEach items="${position}" var="position">
									<option value="${position.name}">${position.name}</option>
								</c:forEach>
							</select>
						</p>
						<p>
							部门：<select name="addComUserDe" class="select2"
								id="update_department">
								<option value="department0">选择部门</option>
								<c:forEach items="${department}" var="department">
									<option value="${department.name}">${department.name}</option>
								</c:forEach>
							</select>
						</p>
						<button style="margin-top: 10px;" onclick="update_Perdata()">修改</button>
						<button style="margin-top: 10px;">清空</button>
					</div>
				</div>
				<div class="addCompanyUser">
					<div
						style="text-align: center; height: 30px; background-color: #c0c0c0; line-height: 30px; font-family: myfont4; letter-spacing: 8px;">
						添加员工
						<button style="float: right; font-size: 5px;"
							onclick="addCompanyUser_Close()">x</button>
					</div>
					<div style="text-align: center">
						<p>
							账号：<input type="text" placeholder="(必填)" id="addComUserAcc">
						</p>
						<p>
							姓名：<input type="text" placeholder="(必填)" id="addComUserName">
						</p>
						<p>
							工资：<input type="text" placeholder="(必填)" id="addComUserSalary">
						</p>
						<p>
							职位(必选)：<select name="addComUserPo" class="select2"
								id="positionname">
								<option value="position0">选择职位</option>
								<c:forEach items="${position}" var="position">
									<option value="${position.name}">${position.name}</option>
								</c:forEach>
							</select>
						</p>
						<p>
							部门(必选)：<select name="addComUserDe" class="select2"
								id="departmentname">
								<option value="department0">选择部门</option>
								<c:forEach items="${department}" var="department">
									<option value="${department.name}">${department.name}</option>
								</c:forEach>
							</select>
						</p>
						<button style="margin-top: 10px;" onclick="addCompanyuserBut()">添加</button>
						<button style="margin-top: 10px;">清空</button>
					</div>
				</div>
			</div>
			<div id="CustomerUserDiv" class="manageDiv">
				<div style="margin-left: 10px; margin-top: 5px; color: #696969">用户管理:</div>
				<div class="manageDiv_1">
					<div style="float: left;">
						<input type="text" placeholder="输入账号(搜索)" class="input" id="SelCusAccount"> <input
							type="text" placeholder="输入姓名(搜索)" class="input"  id="SelCusName"> <button
							 style="margin-left: 20px;" onclick="selectCus()">查找</button>  <button
							 style="margin-left: 20px;" onclick="fristpageCus()">查看所有用户</button>
					</div>
				</div>
				<div class="manageDiv_2">
					<div style="height: 40px; width: 1200px;">
						<span class="span" style="width: 120px;">选择</span> <span
							class="span" style="width: 200px;">账号</span> <span class="span"
							style="width: 198px;">姓名</span> <span class="span"
							style="width: 60px;">性别</span> <span class="span"
							style="width: 240px;">地址</span> <span class="span"
							style="width: 218px;">电话</span> <span class="span"
							style="width: 80px;">余额</span><span class="span"
							style="width: 84px;">操作</span>
					</div>
					<div  id="ShowCusInfoDiv">
					 <table border='1' cellpadding='0' cellspacing='0' class='Custable'></table>
<!-- 						<table border="1" cellpadding="0" cellspacing="0">
							<tr align="center">
								<td style="width: 120px;"><input type="checkbox"></td>
								<td style="width: 202px;">222</td>
								<td style="width: 202px;">3333</td>
								<td style="width: 58px;">4444</td>
								<td style="width: 243px;">55555</td>
								<td style="width: 224px;">6666</td>
								<td style="width: 79px;">7777</td>
								<td style="width: 78px;"><button>修改</button></td>
							</tr>
						</table> -->
					</div>
				</div>
			</div>
			<div id="ProductDiv" class="manageDiv">
				<div style="margin-left: 10px; margin-top: 5px; color: #696969">产品管理:</div>
				<div class="manageDiv_1">
					<form action="" style="float: left;">
						<input type="text" placeholder="输入产品名(搜索)" class="input">
						<input type="text" placeholder="起始价格(搜索)" class="input"> <input
							type="text" placeholder="截止价格(搜索)" class="input"> <select
							name="select" class="select1">
							<option value="ProductType">选择类型</option>
							<option value="ProductType1">1</option>
							<option value="ProductType2">2</option>
							<option value="ProductType3">3</option>
						</select> <input type="submit" value="查找" style="margin-left: 20px;">
					</form>
					<button style="float: left; margin-left: 30px; margin-top: 13px;"
						onclick="addProduct()">添加产品</button>
				</div>
				<div class="manageDiv_2">
					<div style="height: 40px; width: 1200px;">
						<span class="span" style="width: 150px;">选择</span> <span
							class="span" style="width: 150px;">产品类型</span> <span class="span"
							style="width: 200px;">产品名</span> <span class="span"
							style="width: 200px;">产品价格</span> <span class="span"
							style="width: 200px;">剩余数目</span><span class="span"
							style="width: 200px;">产品总数</span> <span class="span"
							style="width: 100px;">操作</span>
					</div>
					<div>
						<!-- table border="1" cellpadding="0" cellspacing="0">
							<tr align="center">
								<td style="width: 150px;"><input type="checkbox"></td>
								<td style="width: 150px;">222ssssssssssssssssssssssssssssssssssssssss</td>
								<td style="width: 200px;">333</td>
								<td style="width: 200px;">444</td>
								<td style="width: 200px;">5555</td>
								<td style="width: 200px;">666</td>
								<td style="width: 100px;"><button>修改</button></td>
							</tr>
						</table> -->
					</div>
				</div>
				<div class="addProduct">
					<div
						style="text-align: center; height: 30px; background-color: #c0c0c0; line-height: 30px; font-family: myfont4; letter-spacing: 8px;">
						添加产品
						<button style="float: right;" onclick="addProduct_close()">x</button>
					</div>
					<form action="" style="text-align: center">
						<p>
							产品名：<input type="text" placeholder="(必填)">
						</p>
						<p>
							产品价格：<input type="text" placeholder="(必填)">
						</p>
						<input type="submit" value="添加" style="margin-top: 10px;">
						<input type="submit" value="清空" style="margin-top: 10px;">
					</form>
				</div>
			</div>
			<div id="DepartmentDiv" class="manageDiv">部门管理</div>
			<div id="PositionDiv" class="manageDiv">职位管理</div>
		</div>
	</div>
	<div id="ly"
		style="position: fixed; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: #f5f5f5; filter: alpha(opacity = 70); opacity: 0.7; display: none;">
	</div>
</body>
</html>